<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>首页</title>
<link
	href="<%=request.getContextPath()%>/views/sysdefault/css/bootstrap.min.css?v=3.3.5"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/views/sysdefault/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="<%=request.getContextPath()%>/views/sysdefault/css/style.min.css?v=4.0.0" rel="stylesheet">


<style type="text/css">
.buttom_div{
	background-color: white;
	border-top: 1px solid #e7eaec;
}
.buttom_icon{
	padding: 3px 5px 0px;
}
.buttom_icon p{
	margin: 0px;
}
.li_icon{
	font-size: 28px;
}
.icon_select{
	color: #1c84c6;
}
.navbar-title{
	color: white;
	text-align: center;
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 12px;
}
</style>

</head>

<body class="gray-bg">

	<!-- 顶部 -->
	<div class="navbar navbar-static-top" style="margin-bottom: 0px; background-color: #1c84c6;">
		<div class="container-fluid">
    		<div>
        		<p class="navbar-title">首页</p>
    		</div>
		</div>
	</div>

	<div class="wrapper wrapper-content">
	
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
				
					<div class="ibox-content" >

						<div class="carousel slide" id="carousel2">
                            <ol class="carousel-indicators">
                                <li data-slide-to="0" data-target="#carousel2" class="active"></li>
                                <li data-slide-to="1" data-target="#carousel2"></li>
                                <li data-slide-to="2" data-target="#carousel2" class=""></li>
                            </ol>
                            <div class="carousel-inner">
                                <div class="item active">
                                    <img alt="image" class="img-responsive" src="<%=request.getContextPath()%>/views/sysdefault/img/p_big1.jpg">
                                    <div class="carousel-caption">
                                        <p>This is simple caption 1</p>
                                    </div>
                                </div>
                                <div class="item ">
                                    <img alt="image" class="img-responsive" src="<%=request.getContextPath()%>/views/sysdefault/img/p_big3.jpg">
                                    <div class="carousel-caption">
                                        <p>This is simple caption 2</p>
                                    </div>
                                </div>
                                <div class="item">
                                    <img alt="image" class="img-responsive" src="<%=request.getContextPath()%>/views/sysdefault/img/p_big2.jpg">
                                    <div class="carousel-caption">
                                        <p>This is simple caption 3</p>
                                    </div>
                                </div>
                            </div>
                            <a data-slide="prev" href="carousel.html#carousel2" class="left carousel-control">
                                <span class="icon-prev"></span>
                            </a>
                            <a data-slide="next" href="carousel.html#carousel2" class="right carousel-control">
                                <span class="icon-next"></span>
                            </a>
                        </div>
                        
                        <div class="hr-line-dashed" ></div>
                        
                        <div class="row">
							<div class="col-xs-8">
								【出租公告】承租人擅自改变租赁房屋的现状。
							</div>
							<div class="col-xs-4">
								<img style="width: 100%;" src="<%=request.getContextPath()%>/views/sysdefault/img/p_big1.jpg" >
							</div>
						</div>
						
						<div class="hr-line-dashed" ></div>
                        
                        <div class="row">
							<div class="col-xs-8">
								【出租公告】承租人擅自改变租赁房屋的现状。
							</div>
							<div class="col-xs-4">
								<img style="width: 100%;" src="<%=request.getContextPath()%>/views/sysdefault/img/p_big1.jpg" >
							</div>
						</div>
						
						<div class="hr-line-dashed" ></div>
                        
                        <div class="row">
							<div class="col-xs-8">
								【出租公告】承租人擅自改变租赁房屋的现状。
							</div>
							<div class="col-xs-4">
								<img style="width: 100%;" src="<%=request.getContextPath()%>/views/sysdefault/img/p_big1.jpg" >
							</div>
						</div>

					</div>
				</div>
			</div>

		</div>

	</div>
	
	<!-- 底部 -->
	<div class="navbar navbar-fixed-bottom container buttom_div">
		<div class="row">
			<div class="col-xs-3 buttom_icon icon_select" style="text-align: center;"><i class="fa fa-home li_icon"></i><p>首页</p></div>
			<div class="col-xs-3 buttom_icon" style="text-align: center;" onclick="changeLink('roomerList.dop');"><i class="fa fa-building-o li_icon"></i><p>租客管理</p></div>
			<div class="col-xs-3 buttom_icon" style="text-align: center;" onclick="changeLink('houseList.dop');"><i class="fa fa-edit li_icon"></i><p>出租房管理</p></div>
			<div class="col-xs-3 buttom_icon" style="text-align: center;" onclick="changeLink('prizeReport.dop');"><i class="fa fa-gift li_icon"></i><p>有奖举报</p></div>
		</div>
	</div>
	
	<script
		src="<%=request.getContextPath()%>/views/sysdefault/js/jquery.min.js?v=2.1.4"></script>
	<script
		src="<%=request.getContextPath()%>/views/sysdefault/js/bootstrap.min.js?v=3.3.5"></script>
		
	<script type="text/javascript">
    
    var basePath = '<%=request.getContextPath()%>';
    
    //底部图标点击
    var changeLink = function(link){
    	location.href = link;
    }
    
    //初始化页面
    $(function(){
    	//开始轮播
    	$("#carousel2").carousel('cycle');
    });
    
    </script>

</body>

</html>